﻿@{
    ViewBag.Title = "RoomList";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link href="~/Resources/Css/common.css" rel="stylesheet" />
<link href="~/Resources/DataTables-1.10.8/css/jquery.dataTables.css" rel="stylesheet" />
<script src="~/Resources/DataTables-1.10.8/js/jquery.dataTables.js"></script>
<script src="~/Resources/DataTables-1.10.8/js/dataTables.bootstrap.min.js"></script>
<script src="~/Resources/jquery-confirm/js/jquery-confirm.js"></script>
<link href="~/Resources/jquery-confirm/css/jquery-confirm.css" rel="stylesheet" />
<div class="boxmain">
    <!-- box / title -->
    <div class="title">
        <ol class="breadcrumb">
            <li><a href="javascript:void(0);" onclick="goBack()">Meeting Room Management</a></li>
        </ol>
    </div>
    <div class="container searchboder">
        <div class="row form-horizontal" >
            <div class="col-sm-1"></div>
            <div class="col-sm-4">
                <div class="col-md-3"><label class="control-label">Province：</label></div>
                @{
                    IQueryable<Exam.Model.Province> provincelist = ViewData["ProvinceList"] as IQueryable<Exam.Model.Province>;
                    List<SelectListItem> list = new List<SelectListItem>();
                    list.Add(new SelectListItem { Text = "Select Province", Value = "", Selected = true });
                    foreach (Exam.Model.Province item in provincelist)
                    {
                        list.Add(new SelectListItem { Text = item.ProvinceName, Value = item.ProvinceID.ToString() });
                    }
                }
                <div class="col-md-9">
                    @Html.DropDownList("ProvinceSelect", list, new { @class = "form-control" })
                </div>
            </div>
            <div class="col-sm-4">
                <div class="col-md-3"><label class="control-label">City：</label></div>
                <div class="col-md-9">
                    @Html.DropDownList("citylist", new List<SelectListItem> { new SelectListItem { Text = "Select City", Value = "", Selected = true } }, new { @class = "form-control" })
                </div>
            </div>
        </div>
        <div class="row form-horizontal" style=" margin-top:10px;">
            <div class="col-sm-5">
                <div class="col-sm-1"></div>
                <div class="col-sm-4"><label class="control-label">Meeting&nbsp;Room&nbsp;Name：</label></div>
                <div class="col-sm-7"><input type="text" id="txt_roomname" class="form-control" placeholder="Meeting Room Name"></div>
            </div>
            <div class="col-sm-4">
                <div class="col-sm-3"><label class="control-label">IsActive：</label></div>
                <div class="col-sm-9"><select class="form-control" id="isActive"><option value="-1">Select Status</option><option value="0">Active</option><option value="1">InActive</option></select></div>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" type="button" id="Searchbtn">Search</button>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" type="button" id="addBut">Create</button>
            </div>
        </div>
    </div><!-- /input-group -->

    <div>
        <table id="ProvinceDIV" class="display table-bordered table-hover" style="width: 100%; text-align: center !important;" cellspacing="0">
            <thead>
                <tr>
                    <th style="text-align: center">RoomID</th>
                    <th style="text-align: center">Province Name</th>
                    <th style="text-align: center">City Name</th>
                    <th style="text-align: center">Meeting Room Name</th>
                    <th style="text-align: center">Detail Address</th>
                    <th style="text-align: center">IsActive</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
        <!-- end table action -->
    </div>
</div>
<script src="~/Resources/Script/MeetRoom/RoomList.js"></script>
<script src="~/Resources/Script/City/ProvinceGetCity.js"></script>